<#assign menuId=1>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>工作台-${Application.systemName!}</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <link href="../css/myself.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="../js/jquery.min.js"></script>


        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
		<style type="text/css">
			.table{
				background: white;
				margin-bottom: 5px;
			}
			.left_box{
				background: rgb(245, 249, 250);
			}
			hr{
				margin-bottom: 5px;
			}
			.wait{
				margin-bottom: -2.5px; 
				margin-left: 15px;
			}
			.wait_text{
				border-bottom: 4px solid rgb(56, 130, 255); 
				padding-bottom: 13px;"
			}
			.man{
				border-radius: 50%; 
				width: 50px; 
				height: 50px; 
				border: 1px solid #ccc;"
			}
			.text-top{
				margin-bottom: 5px;
				font-weight: 500;
			}
			.time{
				margin-bottom: 0;
			}
			.new-design{
				font-weight: bold;
				font-size: 16px;
			}
			
			.num{
				font-weight: 500;
			}
			.all .pull-right div:nth-child(2){
				color: gray;
			}
			.box_bottom{
				background: rgb(245, 249, 250);
				padding-top:20px;
				margin-top: 20px;
				padding: 10px;"
			}
			.num_time{
				padding: 20px 15px 15px 0; 
			}
			.num_time .pull-left{
				border-left: 4px solid rgb(19, 206, 102);
				padding-left:15px;
			}
			.design_choose{
				margin-bottom: 20px;
			}
			.num_time .yellow{
				border-color: rgb(247, 186, 42);
			}
			.num_time .green{
				border-color: rgb(19, 206, 102);
			}
			.num_time .Red{
				border-color: rgb(255, 73, 73);
			}
		</style>
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <#include "../header.html">
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
		<#include "../menu.html">
            <!-- Right side column. Contains the navbar and content of the page -->
           <aside class="right-side">
           	<section class="content-header">
                    <h1>工作台</h1>
                    <hr style="margin: 10px 0 0 0" />
            </section>
            <section class="content">
            	<div class="row">
            		<div class="col-md-8 no-padding">
            			<div class="box left_box">
				            <div class="clearfix search-div center">
				            	<div class="wait">
				            		<div class="pull-left wait_text">
						       		已处理事项
						       		</div>
						       		<div class="pull-right">
						       			<a href="list?status=0" class="gray">待处理&gt;</a>
						       		</div>
				            	</div>
						       	<br />
						       	<hr />
						       	<#list msgNoticeResults as msgNoticeResult>
					           	<table class="table text-center table-bordered order-list">
				                   	<tr>
				                       	<td style="padding: 20px 15px 15px;">
				                           	<span>订单编号：${msgNoticeResult.orderRelated.code!}</span>
				                           	<a href="javascript:;" class="pull-right">
				                           		已处理
				                           	</a>
				                       	</td>
				                   	</tr>
									<tr>
										<td style="padding: 22px 38px 20px 22px;">
											<div class="clearfix"></div>
				                       		<div class="pull-left">
				                       			<div class="text-top new-design">[${msgNoticeResult.title!}]</div>
				                       			<div class="text-top">
				                       				<span>创&nbsp;&nbsp;建&nbsp;&nbsp;人：</span>
				                       				<span>${msgNoticeResult.creatorName!}</span>
				                       			</div>
				                       			<div class="text-top">
				                       				<span>客&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户：</span>
				                       				<span>${msgNoticeResult.orderRelated.fullname!}</span>
				                       			</div>
				                       			<div class="text-top time">
				                       				<span>截止时间：</span>
				                       				<span>${msgNoticeResult.enddate?string("MM月dd日")!}</span>
				                       			</div>
				                       		</div>
				                       		<div class="pull-right">
				                       			<img class="man" src="../img/avatar04.png"/>
				                       			<div>${msgNoticeResult.creatorName!}</div>
				                       		</div>
				                       	</td>
									</tr>
									<tr>
										<td class="gray" style="padding: 10px 15px 15px;">
											${msgNoticeResult.content!}
										</td>
									</tr>
					           </table>
					           </#list>
							    <div class="clearfix" style="margin: 50px 0 35px;">
				                    <ul class="pagination pagination-sm no-margin pull-right">
				                        <#if splitPage??> ${splitPage?replace("{url}","${url!}")}
										</#if>
				                    </ul>
				                </div>
				           	</div>
            			</div>
            		</div>
            		
            	</div>
            </section>
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->
       
       
       	<style type="text/css">
       		/*响应式*/
       		
       	</style>
       
       
        <!-- jQuery 2.0.2 -->
        <script src="../js/jquery.min.js" type="text/javascript"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
        <!-- AdminLTE for demo purposes -->
        
        
       	<script type="text/javascript">
       	</script>

    </body>
</html>

